	<!DOCTYPE html>
	<html>
	
		<head>
			<meta charset="UTF-8">
			<title>资产分类管理</title>
			<link rel="stylesheet" href="layui/css/layui.css">
			<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
			<script type="text/javascript" src="layui/layui.all.js"></script>
		</head>
	
		<body>
			<div class="layui-row layui-col-space20">
				<div class="layui-row layui-bg-gray" style="margin:20px 15px;">
					<span class="layui-breadcrumb">					
	                    <a href="javascript:toIndext() ;">首页</a>
	                    <a href="">基础信息管理</a>
	                    <a href="">系统用户管理</a>                 
	               </span>
				</div>
	
				<div class="layui-row" style="margin:auto 15px;">
					<div class="layui-form">
						<div class="layui-col-md4">
							<span>用户名：</span>
							<div class="layui-input-inline">
								<input type="text" name="title" required lay-verify="required" placeholder="全部" autocomplete="off" class="layui-input">
							</div>
						</div>
	
						<div class="layui-col-md4">
							<span>用户权限：</span>
							<div class="layui-input-inline">
								<select name="city" lay-verify="required">
									<option value="">全部</option>
									<option value="0">系统管理员</option>
									<option value="1">普通资产管理员</option>
									<option value="2">固定资产管理员</option>
									<option value="3">车辆管理员</option>
									<option value="4">财务总监</option>
								</select>
							</div>
						</div>
					</div>
	
					<div class="layui-col-md4">
						<button class="layui-btn" lay-submit lay-filter="formDemo"><span class="layui-icon layui-icon-search"></span>检索Search</button>
					</div>
				</div>
			</div>
	
			<div class="layui-row">
				<table class="layui-table">
					<colgroup>
						<col width="150">
						<col width="200">
						<col>
					</colgroup>
					<thead>
						<tr>
							<th><span class="layui-icon layui-icon-note">用户名</th>
							<th>权限</th>
							<th>昵称</th>
							<th>创建时间</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>admin</td>
							<td>系统管理</td>
							<td>系统管理员</td>							
		     				<td>2015-12-13 09：30</td>
						</tr>
						<tr>
							<td>normal</td>
							<td>普通资产</td>
							<td>普通资产管理员</td>
							
							<td>2015-12-13 11：18</td>
						</tr>
						<tr>
							<td>permanent</td>
							<td>固定资产</td>
							<td>固定资产管理员</td>							
							<td>2015-12-13 11：18</td>
						</tr>
						<tr>
							<td>car</td>
							<td>车辆资产</td>
							<td>车辆管理员</td>							
							<td>2015-12-13 11：19</td>
						</tr>
						<tr>
							<td>finance</td>
							<td>财务资产</td>
							<td>财务总监</td>							
							<td>2015-12-13 11：19</td>
						</tr>																								
					</tbody>
				</table>
			</div>
				
			    <div class="layui-row">
			    	<div id="test1"></div>
		              <script src="/static/build/layui.js"></script>
		              <script>
		                layui.use('laypage', function(){
		                var laypage = layui.laypage;
		                //执行一个laypage实例
		                laypage.render({
		                elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
		                ,count: 50 //数据总数，从服务端得到
		               });
		             });
		              </script>		
			    </div>						    
		</div>
	
	
			<script src="../layui/layui/layui.all.js"></script>
			<script type="text/javascript">
				layui.use(['element', 'form', 'laypage'], function() {
					var element = layui.element;
					var form = layui.form;
					var laypage = layui.laypage;
					laypage.render({
						elem: 'pageId',
						count: 50
					});
				});
	
				function toIndext() {
					$('.layui-body').load('personCenter.html');
				}
			</script>
	
		</body>
	
	</html>